import React, { useEffect } from 'react';
import ReactECharts from 'echarts-for-react'; // 注意：这里使用的是 echarts-for-react
import * as echarts from 'echarts';

export default function Sleep() {
    const getOption = () => {
        return {
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                type: 'category',
                show: false,
                data: ['00:00', '08:00', '16:00', '24:00']
            },
            yAxis: {
                type: 'value',
                show: false,
            },
            series: [
                {
                    name: '专注时长',
                    type: 'line',
                    data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
                }
            ]
        }
    }
    return (
        <div className='focus'><ReactECharts option={getOption()} style={{ height: '5rem', width: '130%', position: 'absolute', left: '-4rem' }} /></div>
    )
}
